<html>
 <head>
  <style type="text/css">
    @media (max-width: 375px) {
        .edit-form tr td input {
            width: 100%;
        }

        .edit-form tr th:first-child, .edit-form tr td:first-child {
            width: 20%;
        }

        .edit-form tr th:nth-last-of-type(-n+2), .edit-form tr td:nth-last-of-type(-n+2) {
            display: none;
        }
    }

    .edit-form table > tbody > tr td a.btn-delcfg {
        visibility: hidden;
    }

    .edit-form table > tbody > tr:hover td a.btn-delcfg {
        visibility: visible;
    }
    #config-box div a.btn {
     color: #fff;
     text-decoration: none;
    }
</style> 
 </head>
 <body>
 <div id="config-box">
  <div class="alert alert-info-light" style="margin-bottom:10px;">
   <div style="margin-top:10px;">
    <a href="{:addon_url('wwh/index/index')}" class="btn btn-warning" target="_blank"><i class="fa fa-home"></i> 官网首页</a>
    <a href="https://doc.fastadmin.net/wwh" class="btn btn-info" target="_blank"><i class="fa fa-question-circle"></i> 使用文档</a>
    <a href="addon/config?name=wwh" class="btn btn-primary btn-dialog" title="配置"><i class="fa fa-pencil"></i> 插件配置</a>
   </div>
  </div>
  <div class="panel panel-default panel-intro">
   <div class="panel-heading">
    <ul class="nav nav-tabs">
     <li class="active"><a href="#about" data-toggle="tab">联系信息</a></li>
     <li class=""><a href="#map" data-toggle="tab">地图配置</a></li>
    </ul>
   </div>
   <div class="panel-body"> 
    <div id="myTabContent" class="tab-content"> 
     <div class="tab-pane fade active in" id="about"> 
      <div class="widget-body no-padding"> 
       <form id="basic-form" class="edit-form form-horizontal nice-validator n-default n-bootstrap" role="form" data-toggle="validator" method="POST" action="{:url('Admin/wwh/contact/conedit')}" novalidate="novalidate"> 
        <input type="hidden" name="__token__" value="" /> 
        <table class="table table-striped">
         <thead>
         <tr>
          <th width="15%">标题</th>
          <th width="68%">值</th>
          <th width="15%">变量名</th>
          <th width="2%"></th>
         </tr>
         </thead>
         <tbody>
          <tr> 
           <td>咨询热线</td>
           <td> 
            <div class="row"> 
             <div class="col-sm-8 col-xs-12"> 
              <input type="text" name="tel" value="{$data['tel']}" class="form-control" /> 
             </div> 
             <div class="col-sm-4"></div> 
            </div> </td> 
           <td>{literal}{$contact.tel}{/literal}</td>
           <td></td> 
          </tr>
          <tr> 
           <td>联系邮箱</td>
           <td> 
            <div class="row"> 
             <div class="col-sm-8 col-xs-12"> 
              <input type="text" name="email" value="{$data['email']}" class="form-control" /> 
             </div> 
             <div class="col-sm-4"></div> 
            </div> </td> 
           <td>{literal}{$contact.email}{/literal}</td>
           <td></td> 
          </tr>
          <tr>
           <td>工作时间</td>
           <td>
            <div class="row">
             <div class="col-sm-8 col-xs-12">
              <input type="text" name="time" value="{$data['time']}" class="form-control" />
             </div>
             <div class="col-sm-4"></div>
            </div> </td>
           <td>{literal}{$contact.time}{/literal}</td>
           <td></td>
          </tr>
          <tr>
           <td>联系地址</td>
           <td>
            <div class="row">
             <div class="col-sm-8 col-xs-12">
              <textarea name="address" class="form-control" style="height:80px;">{$data['address']}</textarea>
             </div>
             <div class="col-sm-4"></div>
            </div> </td>
           <td>{literal}{$contact.address}{/literal}</td>
           <td></td>
          </tr>
         </tbody> 
         <tfoot> 
          <tr> 
           <td></td> 
           <td> <button type="submit" class="btn btn-success btn-embossed">保存</button> </td> 
           <td></td> 
           <td></td> 
          </tr> 
         </tfoot> 
        </table> 
       </form> 
      </div> 
     </div>

     <div class="tab-pane fade" id="map">
      <div class="widget-body no-padding">
       <form id="basic-form" class="edit-form form-horizontal nice-validator n-default n-bootstrap" role="form" data-toggle="validator" method="POST" action="{:url('Admin/wwh/contact/mapedit')}" novalidate="novalidate">
        <input type="hidden" name="__token__" value="" />
        <table class="table table-striped">
         <thead>
         <tr>
          <th width="15%">标题</th>
          <th width="68%">值</th>
          <th width="15%">变量名</th>
          <th width="2%"></th>
         </tr>
         </thead>
         <tbody>
         <tr>
          <td style="height:50px;vertical-align:middle;">高德地图坐标拾取器</td>
          <td style="vertical-align:middle;"><a href="https://lbs.amap.com/tools/picker" target="_blank">https://lbs.amap.com/tools/picker</a></td>
          <td></td>
          <td></td>
         </tr>
         <tr>
          <td style="height:50px;vertical-align:middle;">高德地图Key创建步骤</td>
          <td style="vertical-align:middle;"><a href="https://doc.fastadmin.net/wwh/3433.html" target="_blank">https://doc.fastadmin.net/wwh/3433.html</a></td>
          <td></td>
          <td></td>
         </tr>
         <tr>
          <td>高德应用Key</td>
          <td>
           <div class="row">
            <div class="col-sm-8 col-xs-12">
             <input type="text" name="map_key" value="{$data['map_key']}" placeholder="请填写您的高德应用Key，为空前台地图将不显示！" class="form-control" />
            </div>
            <div class="col-sm-4"></div>
           </div> </td>
          <td>{literal}{$contact.map_key}{/literal}</td>
          <td></td>
         </tr>
         <tr>
          <td>地图坐标</td>
          <td>
           <div class="row">
            <div class="col-sm-8 col-xs-12">
             <input type="text" name="map_zb" value="{$data['map_zb']}" class="form-control" />
            </div>
            <div class="col-sm-4"></div>
           </div> </td>
          <td>{literal}{$contact.map_zb}{/literal}</td>
          <td></td>
         </tr>
         <tr>
          <td>坐标图标</td>
          <td>
           <div class="row">
            <div class="col-sm-8 col-xs-12">
             <div class="form-inline">
              <input id="c-map_icon" class="form-control" size="35" name="map_icon" type="text" value="{$data['map_icon']}" data-tip="">
              <span><button type="button" id="plupload-map_icon" class="btn btn-danger plupload" data-input-id="c-map_icon" data-mimetype="image/*" data-multiple="false" data-preview-id="p-map_icon"><i class="fa fa-upload"></i> 上传</button></span>
              <span><button type="button" id="fachoose-map_icon" class="btn btn-primary fachoose" data-input-id="c-map_icon" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
              <ul class="row list-inline plupload-preview" id="p-map_icon"></ul>
             </div>
            </div>
            <div class="col-sm-4"><span>推荐尺寸：37x50</span></div>
           </div>
          </td>
          <td>{literal}{$contact.map_icon}{/literal}</td>
          <td></td>
         </tr>
         </tbody>
         <tfoot>
         <tr>
          <td></td>
          <td> <button type="submit" class="btn btn-success btn-embossed">保存</button> </td>
          <td></td>
          <td></td>
         </tr>
         </tfoot>
        </table>
       </form>
      </div>
     </div>


    </div> 
   </div> 
  </div>
 </div>
 </body>
</html>
